<template>
  <!-- 不带名字的只能有一个,我们称为默认插槽,也称为匿名插槽,说白了就是没有名字的插槽 -->
  <!-- <div>测试组件 <slot>未知</slot></div> -->
  <div>
    <!-- 带有名字的插槽叫具名插槽 -->
    <!-- 当有两个以上的插槽就需要使用具名插槽 -->
    <!-- 可以默认插槽和具名插槽同时使用 -->
    <slot name="left"></slot>
    <slot name="right"></slot>
    <!-- 默认插槽有一个默认的名字叫default  -->
    <slot name="default"></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped></style>
